<script setup>
import {version} from 'vue'
import axios from '../utils/request'
import {ElMessage as m} from 'element-plus'
import {Search,Edit,Check,Message,Star,Delete} from '@element-plus/icons-vue'
function show(){
  //ElMessage.success('hello')
  axios.get("t1").then(res=>m.success(res.data)).catch(err=>m.error('请求失败，请检查'))
}
</script>

<template>
  <h3>hello world vue {{version}}</h3>
  <hr>
  <el-row class="mb-4">
    <el-button @click="show">Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
    <el-button>中文</el-button>
  </el-row>
  <!--  -->
  <el-row style="margin:5px 0">
    <el-button :icon="Search" circle />
    <el-button type="primary" :icon="Edit" circle />
    <el-button type="success" :icon="Check" circle />
    <el-button type="info" :icon="Message" circle />
    <el-button type="warning" :icon="Star" circle />
    <el-button type="danger" :icon="Delete" circle />
  </el-row>
</template>

<style>

</style>
